<template>
  <div class="status-show">
    <span class="status-on" v-if="status=='N'" >
      已上架
    </span>
    <span class="status-cancel" v-if="status=='C'" >
      已下架
    </span>
  </div>
</template>

<script>
export default {
  props: ['status']
}
</script>

<style lang="scss" scoped>
  .status-show{
    text-align: center;
  }
  .status-on{
    color: #339900;
  }
  .status-cancel{
    color: #FF0000;
  }
</style>